<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>试用</title>
    <link rel="stylesheet" href="../css/01.css">
    <link rel="stylesheet" href="../css/common.css">
    <link rel="stylesheet" href="../css/index.css">
    <link rel="stylesheet" href="../css/reset.css">
    <script src="../js/jquery.min.js"></script>
    <script src="../js/json.js"></script>
    <link rel="stylesheet" href="http://at.alicdn.com/t/font_2102123_gy13m3mq93k.css">
    <link rel="stylesheet" href="../css/dome.css">
</head>

<body>
    <!-- 头部导航栏部分 -->
    <header>
        <div class="head-top">
            <div class="inner">
                <div class="logo">
                    <h1><a href="../img/logonew.png"></a></h1>
                </div>
                <div class="nav">
                    <ul>
                        <li class="active"><a href="#">首页</a></li>
                        <li><a href="#">酷玩</a></li>
                        <li><a href="#">导购</a></li>
                        <li><a href="../js/rty.html">试用</a></li>
                        <li><a href="#">报告</a></li>
                    </ul>
                </div>
                <a href="#" class="login">注册</a>
                <span class="search">
                    <i class="icon iconfont icon-fangdajing1"></i>
                </span>
            </div>
        </div>


    </header>
    <div class="wrap">
        <div class=" kx_title">
            导购
        </div>
    </div>
    <div class="wrap">
        <div class="ke_tab">
            <ul>
                <li class="current tabBtn"><a href="javascript:;" class="color">最新</a></li>
                <li class="tabBtn"><a href="javascript:;">最热</a></li>
            </ul>
        </div>
    </div>
    <main>
        <div class="hot-box">
            <div class="inner">
                <div class="slide-box">
                    <a href="javascript:void(0)" class="prev"></a>
                    <a href="javascript:void(0)" class="next"></a>
                    <div class="hot">
                        <ul>
                            <li class="item1">
                                <a href="#" class="con">
                                    <span class="top-tip sf">首发</span>
                                    <img src="../img/hot9.jpg" alt="">
                                    <h2 class="name">巴慕达 The Toaster 烤面包机</h2>
                                    <p class="label">
                                        <span class="red">2032</span>
                                        <span class="red">20台</span>
                                    </p>
                                    <p class="sq"><span class="red">1392</span><span>申请</span></p>
                                    <p class="current red">剩余时间2天</p>
                                </a>
                    </div>

                </div>
</body>

</html>